
<!DOCTYPE HTML>
<html class=" met-web oxh" >
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,minimal-ui">
    <meta name="format-detection" content="telephone=no">
    <title>城市喜舍墙布</title>
    <meta name="description" content="城市喜舍墙布">
    <meta name="keywords" content="城市喜舍墙布">
    <meta name="generator" content="" data-variable="|cn|cn|m1156ui018|10001|10001|0" data-user_name="">
    <link href="<?php echo $viewmulu; ?>/favicon.ico" rel="shortcut icon" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="<?php echo $viewmulu; ?>/basic.css">
    <link rel="stylesheet" type="text/css" href="<?php echo $viewmulu; ?>/show_cn.css">
    <script src="<?php echo $viewmulu; ?>/met_temdemo.js"></script>
    <script src="<?php echo $viewmulu; ?>/swiper.min.css"></script>
</head>
<body>
<?php $this->load->view('common/menu'); ?>

<div class="news-box back-color-box">
    <section class="subcolumn_nav_met_m1156_9_9 column-side active" m-id="9" m-type="head_nav">
        <div class="container-fluid">
            <div class="column-box">
                <div class="column-nav swiper-container-horizontal swiper-container-free-mode active">
                    <ol class="column-ul">
                        <?php if ($category) : ?>
                            <?php foreach ($category as $key => $val) : ?>
                                <li class="column-li not swiper-slide-next <?php if ($val['id'] == $cid) {
                                    echo 'active';
                                } ?>">
                                    <a href="<?php echo "/product/" . $val['id'] . ".html"; ?>"
                                       title="<?php echo $val['category_name'] ?? ""; ?>" target="_self">
                                        <?php echo $val['category_name'] ?? ""; ?>
                                    </a>
                                </li>
                            <?php endforeach; ?>
                        <?php endif; ?>
                    </ol>
                </div>
            </div>
        </div>
    </section>
    <section class="product_list_detail_met_m1156_1_19 lazy" m-id="19">
        <div class="page met-showproduct pagetype1 animsition" id="content-1">
            <div class="met-showproduct-head">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="row">
                                <div class="shownews-container swiper-container-horizontal swiper-container gallery-top">
                                    <div class="shownews-wrapper swiper-wrapper">
                                        <?php if ($product) : ?>
                                            <?php foreach ($product['imgs'] as $key => $val) : ?>
                                                <div class="shownews-slide swiper-slide-visible swiper-slide">
                                                    <img src="<?php echo $val; ?>">
                                                </div>
                                            <?php endforeach; ?>
                                        <?php endif; ?>
                                    </div>
                                    <div class="swiper-button-next swiper-button-white"></div>
                                    <div class="swiper-button-prev swiper-button-white"></div>
                                </div>
                                <div class="shownews-container-small swiper-container-horizontal swiper-container gallery-thumbs" style="max-width: 380px;">
                                    <div class="shownews-wrapper-small swiper-wrapper">
                                        <?php if ($product) : ?>
                                            <?php foreach ($product['imgs'] as $key => $val) : ?>
                                                <div class="shownews-slide-small swiper-slide-visible swiper-slide">
                                                    <img class="shownews-lazy swiper-lazy-loaded" src="<?php echo $val; ?>">
                                                </div>
                                            <?php endforeach; ?>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 product-intro">
                            <div class="row">
                                <div class="product-text">
                                    <h1><?php echo $product['title'];?></h1>
                                    <span class="t">
                                    <i class="fa fa-clock-o"></i> <?php echo $product['create_time'];?> &nbsp;
                                    <i class="icon wb-eye" aria-hidden="true"></i> 863
                                </span>
                                    <p class="description"><?php echo $product['describe'];?></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="met-showproduct-body">
                <div class="container not">
                    <div class="row no-space">
                        <div class="col-lg-9 product-content-body">
                            <div class="panel product-detail">
                                <div class="container">
                                    <div class="row">
                                        <div class="panel-body">
                                            <ul class="nav nav-tabs nav-tabs-line met-showproduct-navtabs affix-nav">
                                                <li class="nav-item">
                                                    <a class="nav-link active" data-toggle="tab" href="#product-content0" data-get="product-details">详细信息</a>
                                                </li>
                                            </ul>
                                            <div class="tab-content">
                                                <div class="tab-pane met-editor lazyload clearfix animation-fade active" id="product-content0">
                                                    <div class="editorlightgallery">
                                                        <?php if ($product) : ?>
                                                            <?php foreach ($product['imgs'] as $key => $val) : ?>
                                                                <p style="text-align: center"><img class="" data-lazyload="true" src="<?php echo $val; ?>"></p>
                                                            <?php endforeach; ?>
                                                        <?php endif; ?>

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="showproduct-pager">
                                                <div class="met-page p-y-30 border-top1">
                                                    <div class="container p-t-30 ">
                                                        <ul class="pagination block blocks-2 text-xs-center text-sm-left">
                                                            <?php if (isset($pre_product) && !empty($pre_product)) { ?>
                                                                <li class="page-item m-b-0 ">
                                                                    <a href="<?php echo "/product_show/" . $pre_product['id'] . ".html"; ?>"
                                                                       class="page-link text-truncate">上一篇<span aria-hidden="true" class="hidden-xs-down">: <?php echo $pre_product['title']; ?></span></a>
                                                                </li>
                                                            <?php } else { ?>
                                                                <li class="page-item m-b-0 ">上一篇：没有了</li>
                                                            <?php } ?>



                                                            <?php if (isset($next_product) && !empty($next_product)) { ?>
                                                                <li class="page-item m-b-0 ">
                                                                    <a href="<?php echo "/product_show/" . $next_product['id'] . ".html"; ?>"
                                                                       class="page-link pull-xs-right text-truncate">下一篇<span
                                                                                aria-hidden="true"
                                                                                class="hidden-xs-down">: <?php echo $next_product['title']; ?></span></a>
                                                                </li>
                                                            <?php } else { ?>
                                                                <li class="page-item m-b-0 ">下一篇：没有了</li>
                                                            <?php } ?>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3">
                            <div class="panel product-hot">
                                <div class="container">
                                    <div class="row">
                                        <div class="panel-body">
                                            <h4 class="example-title">热门推荐</h4>
                                            <ul class="blocks-2 blocks-sm-3 mob-masonry" data-scale="1">

                                                <?php if ($recomend) : ?>
                                                    <?php foreach ($recomend as $key => $val) : ?>
                                                        <li>
                                                            <a href="<?php echo "/news_show/" . $val['id'] . ".html"; ?>" class="img" target="_self">
                                                                <img class="" src="<?php echo $val['img']; ?>" data-lazyload="true" style="display: inline;">
                                                            </a>
                                                            <a href="#" class="txt" target="_self"> <?php echo $val['title']; ?></a>
                                                        </li>
                                                    <?php endforeach; ?>
                                                <?php endif; ?>

                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <script src="<?php echo $viewmulu; ?>/swiper.min.js"></script>
    <script>
        var galleryThumbs = new Swiper('.gallery-thumbs', {
            spaceBetween: 10,
            slidesPerView: 4,
            freeMode: true,
            watchSlidesVisibility: true,
            watchSlidesProgress: true,

        });
        var galleryTop = new Swiper('.gallery-top', {
            spaceBetween: 5,
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            thumbs: {
                swiper: galleryThumbs,
                slideThumbActiveClass: 'active',
            },
        });
    </script>
<?php $this->load->view('common/footer'); ?>